<template>
    <div class="home">
            <TypeNav />
            <ListContainer/>
            <Recommend />
            <Rank />
            <Like />
<<<<<<< HEAD
            <Floor v-for="f in floor" :key="f.id" :floor="f" />
=======
            <Floor v-for="floor in floor" :key="floor.id" :floor="floor"/>
>>>>>>> three
            <Brand />
    </div>
</template>

<script>
import ListContainer from "@/pages/Home/ListContainer"
import Recommend from "@/pages/Home/Recommend"
import Rank from "@/pages/Home/Rank"
import Like from "@/pages/Home/Like"
import Floor from "@/pages/Home/Floor"
import Brand from "@/pages/Home/Brand"
<<<<<<< HEAD
import {mapState} from "vuex"
=======
import {mapActions,mapState} from "vuex"
>>>>>>> three
    export default {
        name:"Home",
        components:{
            ListContainer,
            Recommend,
            Rank,
            Like,
            Floor,
            Brand

        },
<<<<<<< HEAD
        computed:{
            ...mapState("home",["floor"])
        },
        mounted(){
            this.$store.dispatch("home/GetFloorList")
=======
        methods:{
            ...mapActions("home",["GetFloorList"])
        },
        computed:{
            ...mapState({
                floor:state=>state.home.floor
            })
        },
        mounted(){
            this.GetFloorList()
>>>>>>> three
        }
    }
</script>

